<script setup lang="ts">
import TileItem from '@/components/tiles/item/TileItem.vue'
const props = defineProps({
    tiles: {type: Array<string>, required: true, default:[]}
})
</script>
<template>
  <!-- 百搭牌 -->
  <div class="versatile-tiles">
    <TileItem v-for="(tile, index) in props.tiles" :code="tile" :key="tile + index"></TileItem>
  </div>
</template>

<style scoped lang="scss">
.versatile-tiles {
    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    .tile-item:not(:first-child){
        margin-left:5px;
    }
}
</style>